<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <p:panel id="panelFields" style="background: none; border: none;" 
             styleClass="container_24 clearfix ">
        <div class="clear"/>
        <h4 class="title">Averbação</h4>
        <p:outputLabel value="Referência: " styleClass="grid_4" for="refRegistration" />

        <div class="grid_15">
            <p:selectOneMenu value="#{managerAverbacao.averbacaoReferente}" id="refRegistration" 
                             panelStyle="width:150px;" effect="fade" converter="averbacaoconverter">  
                <f:selectItem itemLabel="" itemValue="" />  
                <f:selectItems value="#{managerAverbacao.autocomplete()}" var="r" itemLabel="#{managerAverbacao.tituloAverbacao(r)}" itemValue="#{r}"/>  
            </p:selectOneMenu>  
        </div>
        <div class="clear"/> 

        <p:outputLabel value="Livro: " styleClass="grid_4" for="livroRegistration" />
        <p:inputText value="#{managerAverbacao.averbacao.livro}" 
                     id="livroRegistration"
                     styleClass="grid_4"
                     required="true"  />

        <p:outputLabel value="Folhas: " styleClass="grid_4" for="folhasRegistration" />
        <p:inputText value="#{managerAverbacao.averbacao.folhas}" 
                     id="folhasRegistration"
                     styleClass="grid_4"
                     required="true"  />
        <p:watermark for="folhasRegistration" value="Ex.: 1-3" />  
        <div class="clear"/>

        <h4 class="title">Petição</h4>
        <p:outputLabel value="Número : " styleClass="grid_4" for="numeroPeticaoRegistration" />
        <p:inputText value="#{managerAverbacao.averbacao.numeroPeticao}" 
                     id="numeroPeticaoRegistration"
                     styleClass="grid_4"
                     required="true"  />

        <p:outputLabel value="Data: " styleClass="grid_4" for="dataPeticaoRegistration" />
        <p:calendar value="#{managerAverbacao.averbacao.dataPeticao}" 
                    id="dataPeticaoRegistration"
                    showOn="both" 
                    locale="pt"
                    yearRange="1900:2020"
                    navigator="true"
                    pattern="dd/MM/yyyy"
                    styleClass="grid_4"
                    required="true"  />
        <div class="clear"/> 

        <h4 class="title">Cartório</h4>

        <p:outputLabel value="Cartório: " styleClass="grid_4" for="cartorioRegistration" />
        <p:inputText value="#{managerAverbacao.averbacao.cartorio}" 
                     id="cartorioRegistration"
                     styleClass="grid_4"
                     required="true"  />

        <p:outputLabel value="Livro: " styleClass="grid_4" for="livroCartorioRegistration" />
        <p:inputText value="#{managerAverbacao.averbacao.livroCartorio}" 
                     id="livroCartorioRegistration"
                     styleClass="grid_4"
                     required="true"  />

        <p:outputLabel value="Folhas: " styleClass="grid_3" for="folhasCartorioRegistration" />
        <p:inputText value="#{managerAverbacao.averbacao.folhasCartorio}" 
                     id="folhasCartorioRegistration"
                     styleClass="grid_4"
                     required="true"  />
        <p:watermark for="folhasCartorioRegistration" value="Ex.: 1-3" />  

        <div class="clear"/> 

    </p:panel>
</html>